<template>
  <div>
            <div class="top">

        <van-nav-bar title="周边游" left-text= left-arrow>
        
            <template #right>
             <van-icon name="wap-nav" size="22.5"  />
            </template>
            <template #left>
              <router-link to="/films"><van-icon name="arrow-left" size="22.5" /></router-link>
            </template>

        </van-nav-bar>
   </div>
  </div>
</template>

<script>
import Vue from 'vue';
import { NavBar } from 'vant';
import { Toast } from 'vant';
Vue.use(NavBar);
import { Icon } from 'vant';

Vue.use(Icon);
export default {
  data() {
    return {
    };
  },
  methods: {},
};
</script>

<style lang='scss'scoped>
.van-nav-bar {
    background-color: #FFC300;
}
.van-nav-bar .van-icon {
    color: #333;
    }
</style>
